<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Vite + React</title>
    <style>
      /* body {
      font-size: 1rem; /* 默认字体大小 */
    /* } */ 
    </style>
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.jsx"></script>
    <!-- <script>
      function setRem() {
        // 获取当前屏幕宽度
        const width = document.documentElement.clientWidth;
        
        // 以375px为基准（常见的设计稿宽度），计算出根元素font-size
        const baseWidth = 375;
        const fontSize = (width / baseWidth) * 16; // 16px是设计稿中1rem的大小
        document.documentElement.style.fontSize = fontSize + 'px';
      }
      
      // 初始加载时设置
      setRem();
      
      // 当屏幕大小变化时重新设置
      window.addEventListener('resize', setRem);
    </script> -->
  </body>
</html>
